<template>

  <div class="AddOrUpdate_main add_container main_container">

    <div class="main_main">

      <div class="formItem_header textTitle">
        企业信息
      </div>
      <div class="info">
        <el-tabs v-model="activeName">
          <el-tab-pane label="基本信息" name="first">
            <!-- logo -->
            <div class="logo1">公司logo:</div>

            <div class="logoImage">
              <div class="dataUpload_upload">
                <div v-if="formData.logoUrl" class="dataUpload_upload_add1">
                  <a :class="editFalg?'logoView':'logo'" @click.stop="uploadFile">
                    <img :src="formData.logoUrl" style="object-fit: contain;">
                  </a>
                </div>
                <div v-else>
                  <a :class="editFalg?'logoView dataUpload_upload_add':'logo dataUpload_upload_add'" @click.stop="uploadFile">
                    <i slot="default" class="el-icon-plus" />
                    <div class="uploadInmageText">上传图片</div>
                  </a>
                </div>
                <div class="logoText">
                  仅支持png/jpg/jpeg格式图片

                  单个图片不得大于100MB。
                </div>
              </div>
            </div>
            <input ref="upload" type="file" style="display: none" @change="handleFileChange">

            <!-- 表格 -->
            <el-form ref="form" :model="formData" :rules="rules">
              <el-form-item label="公司名称:" prop="name">
                <el-input v-model="formData.name" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="公司简称:" prop="shortName">
                <el-input v-model="formData.shortName" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="官网地址:" prop="homepage">
                <el-input v-model="formData.homepage" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="公司地址:" prop="address">
                <el-input v-model="formData.address" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="公司邮箱:" prop="email">
                <el-input v-model="formData.email" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="公司电话:" prop="phone">
                <el-input v-model="formData.phone" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <el-form-item label="公司传真:" prop="fax">
                <el-input v-model="formData.fax" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />
              </el-form-item>
              <!--              <el-form-item label="开户银行:" prop="bank">-->
              <!--                <el-input v-model="formData.bank" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />-->
              <!--              </el-form-item>-->
              <!--              <el-form-item label="银行账户:" prop="bankAccount">-->
              <!--                <el-input v-model="formData.bankAccount" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />-->
              <!--              </el-form-item>-->
              <!--              <el-form-item label="税号:" prop="tax">-->
              <!--                <el-input v-model="formData.tax" :placeholder="editFalg?'':'请输入'" clearable :disabled="editFalg" />-->
              <!--              </el-form-item>-->

              <el-form-item label="备注:">
                <el-input v-model="formData.remark" type="textarea" :placeholder="editFalg?'':'请输入'" :disabled="editFalg" />
              </el-form-item>
              <!-- <el-form-item label="LOGO" class="double">
                <a :class="editFalg?'logoView':'logo'" @click.stop="uploadFile">
                  <img v-if="formData.logoUrl" :src="formData.logoUrl" style="object-fit: contain;">
                  <div v-else class="noPic">LOGO不存在，点击上传</div>
                  <div class="logo_tip">推荐大小：234 x 30</div>
                </a>
              </el-form-item> -->

            </el-form>
          </el-tab-pane>
          <el-tab-pane v-if="isAdmin && codeStatus" label="认证信息" name="authentication">
            <div class="authentication_status">
              <!--  企业未认证时            -->
              <div v-if="goToOutboundAuthentication == '0'" class="authentication_status_unverified">
                <!--  认证状态              -->
                <div class="authentication_status_info">
                  <span>企业当前认证状态：</span>
                  <div v-if="this.failure == '1'" class="value_show_authentication">
                    <svg-icon icon-class="认证失败" />
                    <div class="value_show_name1">法人身份信息&nbsp;认证失败</div>
                  </div>
                  <div v-if="this.failure == '2'" class="value_show_authentication">
                    <svg-icon icon-class="认证失败" />
                    <div class="value_show_name1">对公打款信息&nbsp;认证失败</div>
                  </div>
                  <div v-if="this.failure == '0'" class="value_show_authentication">
                    <svg-icon icon-class="未认证" />
                    <div class="value_show_name">未认证</div>
                  </div>
                  <div class="scan_QR_codes">
                    <div class="scan_QR_img">
                      <div><img :src="waiter"></div>
                      <div>极联小管家</div>
                    </div>
                  </div>
                </div>
                <!--    选择方式            -->
                <div class="authentication_status_select">
                  <span>选择认证方式：</span>
                  <div class="authentication_status_select_text">
                    <el-radio v-model="authType" :disabled="isAuthType1" label="1">法人身份信息认证</el-radio>
                    <el-radio v-model="authType" :disabled="isAuthType2" label="2">对公打款认证</el-radio>
                  </div>
                  <span v-if="authNumber == 0 && !isAuthType" class="authentication_status_select_span_text">对公打款认证不可用&nbsp;对公打款认证次数已用尽</span>
                  <span v-if="useCount == 0 && !isAuthType" class="authentication_status_select_span_text">法人身份信息认证不可用&nbsp;法人身份信息次数已用尽</span>
                  <span v-if="authNumber == 0 && useCount == 0 && isAuthType " class="authentication_status_select_span_text">不可用&nbsp;次数已用尽</span>
                </div>
                <!--  认证说明              -->
                <div v-if="authType == '1'" class="authentication_status_explain">
                  <div>法人身份信息认证说明：</div>
                  <div>1. 选择法人身份信息验证后&nbsp;第三方将校验姓名、身份证号和手机号。</div>
                  <div>2.在选择企业对公打款认证后&nbsp;您需要等待极联相关人员打款。</div>
                  <div>3.选择「对公打款认证」方式并确认后&nbsp;认证方式将不可变更</div>
                </div>
                <!--  认证说明              -->
                <div v-if="authType == '2'" class="authentication_status_explain status2">
                  <div>对公打款认证说明：</div>
                  <div>1. 请确保您输入的企业开户名和对公卡号准确无误&nbsp;开户行精确至支行。</div>
                  <div>2. 在选择企业对公打款认证后&nbsp;您需要等待极联相关人员打款。</div>
                  <div>3. 打款成功后&nbsp;您将收到消息提醒&nbsp;请再次回到认证页面输入打款金额完成认证</div>
                  <div class="authentication_status_explain_color">4. 确认后将进入待打款状态&nbsp;后续无论认证是否成功&nbsp;认证方式将不可变更</div>
                </div>
              </div>
              <!--   法人认证           -->
              <div v-if="goToOutboundAuthentication == '1'" class="authentication_status_legal">
                <div class="authentication_status_legal_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData" :rules="rules">
                    <div class="authentication_status_legal_form_txt">法人身份信息认证</div>
                    <el-form-item label="企业全称:" prop="companyName">
                      <el-input v-model="authenticationData.companyName" placeholder="请输入" clearable />
                    </el-form-item>
                    <el-form-item label="法人姓名:" prop="operName">
                      <el-input v-model="authenticationData.operName" placeholder="请输入" clearable />
                    </el-form-item>
                    <el-form-item label="法人身份证号:" prop="operIdCard">
                      <el-input v-model="authenticationData.operIdCard" placeholder="请输入" clearable />
                    </el-form-item>
                    <el-form-item label="法人手机号:" prop="operPhone">
                      <el-input v-model="authenticationData.operPhone" placeholder="请输入" clearable />
                    </el-form-item>
                    <div class="login_container_right_main_input2">
                      <el-form-item label="短信验证码:" prop="code">
                        <div class="login_container_right_main_input2_box">
                          <el-input v-model="authenticationData.code" placeholder="请输入验证码" @keyup.enter.native="registerNext" />
                          <a v-if="leftSecond==0" class="login_container_right_main_input2_getCode canClick" @click="sendVerify">发送验证码</a>
                          <div v-else class="login_container_right_main_input2_getCode">{{ leftSecond }} 秒后重新发送</div>
                        </div>
                      </el-form-item>
                    </div>
                  </el-form>
                </div>
                <!--  认证说明              -->
                <div class="authentication_status_explain status1">
                  <div>法人身份信息认证说明：</div>
                  <div>1. 请确保您输入的法人信息准确无误。</div>
                  <div>2. 第三方将校验您的姓名、身份证号和手机号。</div>
                  <div>3. 审核通过后&nbsp;您的企业将变为已认证状态&nbsp;可进入提现页面提现。</div>
                  <div class="status1_color">法人身份信息认证&nbsp;今日可认证次数&nbsp;{{ useCount }}&nbsp;次</div>
                </div>
              </div>
              <!--   认证成功           -->
              <div v-if="goToOutboundAuthentication == '3'" class="authentication_status_succeed">
                <div class="authentication_status_succeed_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData">
                    <div class="authentication_status_succeed_img">
                      <span>企业当前认证状态：</span>
                      <div class="value_show_authentication">
                        <svg-icon icon-class="已认证" />
                        <div class="value_show_name1">已认证</div>
                      </div>
                    </div>
                    <el-form-item label="认证方式:" prop="authTypeName">
                      <span>法人身份信息认证</span>
                    </el-form-item>
                    <el-form-item label="企业全称:" prop="companyName">
                      <span>{{ authenticationData.companyName?authenticationData.companyName: '暂无' }}</span>
                    </el-form-item>
                    <el-form-item label="法人姓名:" prop="operName">
                      <span>{{ authenticationData.operName?authenticationData.operName: '暂无' }}</span>
                    </el-form-item>
                    <el-form-item label="法人身份证:" prop="operIdCard">
                      <span>{{ authenticationData.operIdCard?authenticationData.operIdCard: '暂无' }}</span>
                    </el-form-item>
                    <el-form-item label="法人手机号:" prop="operPhone">
                      <span>{{ authenticationData.operPhone?authenticationData.operPhone: '暂无' }}</span>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
              <!--   对公认证           -->
              <div v-if="goToOutboundAuthentication == '2'" class="authentication_status_legal">
                <div class="authentication_status_legal_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData" :rules="rules">
                    <el-form-item label="开户名称:" prop="accountName">
                      <el-input v-model="authenticationData.accountName" placeholder="请输入" clearable />
                    </el-form-item>
                    <el-form-item label="开户银行:" prop="bankName">
                      <el-input v-model="authenticationData.bankName" placeholder="请输入" clearable />
                    </el-form-item>
                    <el-form-item label="企业对公卡号:" prop="bankIdCard">
                      <el-input v-model="authenticationData.bankIdCard" placeholder="请输入" clearable />
                    </el-form-item>
                  </el-form>
                </div>
                <!--  认证说明              -->
                <div class="authentication_status_explain status2">
                  <div>对公打款认证：</div>
                  <div>1. 请确保您输入的企业开户名和对公卡号准确无误&nbsp;开户行精确至支行。</div>
                  <div>2. 在选择企业对公打款认证后&nbsp;您需要等待极联相关人员打款。</div>
                  <div>3. 打款成功后&nbsp;您将收到消息提醒&nbsp;请再次回到认证页面输入打款金额完成认证</div>
                  <div class="authentication_status_explain_color">4. 确认后将进入待打款状态&nbsp;后续无论认证是否成功&nbsp;认证方式将不可变更</div>
                  <div class="status2_color">对公打款信息认证&nbsp;可认证次数&nbsp;{{ authNumber }}&nbsp;次</div>
                </div>
              </div>
              <!--   打款审核通过           -->
              <div v-if="goToOutboundAuthentication == '6'" class="authentication_status_succeed">
                <div class="authentication_status_succeed_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData">
                    <div class="authentication_status_succeed_img">
                      <span>企业当前认证状态：</span>
                      <div class="value_show_authentication">
                        <svg-icon icon-class="打款成功" />
                        <div class="value_show_name1 value_show_name3">打款成功</div>
                      </div>
                    </div>
                    <el-form-item label="认证方式:" prop="authTypeName">
                      <span>{{ authenticationData.authTypeName?authenticationData.authTypeName: '暂无' }}</span>
                    </el-form-item>
                    <el-form-item label="打款企业名称:" prop="accountName">
                      <span>{{ authenticationData.accountName?authenticationData.accountName: '暂无' }}</span>
                    </el-form-item>
                    <el-form-item v-if="authNumber > 0" label="请输入打款金额:" prop="remitPrice">
                      <el-input v-model="authenticationData.remitPrice" placeholder="请输入" clearable />
                      <div class="authentication_status_succeed_form_text">验证次数剩余 {{ authNumber }} 次</div>
                    </el-form-item>
                    <el-form-item v-else label="请输入打款金额:" prop="remitPrice">
                      <el-input class="remitPrice" placeholder="验证次数已达上限" disabled clearable />
                    </el-form-item>
                  </el-form>
                </div>
              </div>
              <!--   对公打款认证成功           -->
              <div v-if="goToOutboundAuthentication == '7'" class="authentication_status_succeed">
                <div class="authentication_status_succeed_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData">
                    <div class="authentication_status_succeed_img">
                      <span>企业当前认证状态：</span>
                      <div class="value_show_authentication">
                        <svg-icon icon-class="已认证" />
                        <div class="value_show_name1">已认证</div>
                      </div>
                    </div>
                    <el-form-item label="认证方式:" prop="authTypeName">
                      <span>对公打款认证</span>
                    </el-form-item>
                    <el-form-item label="企业全称:" prop="companyName">
                      <span>{{ authenticationData.companyName?authenticationData.companyName: '暂无' }}</span>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
              <!--   对公打款认证成功           -->
              <div v-if="goToOutboundAuthentication == '8'" class="authentication_status_succeed">
                <div class="authentication_status_succeed_form">
                  <!-- 表格 -->
                  <el-form ref="form" :model="authenticationData">
                    <div class="authentication_status_succeed_img">
                      <span>企业当前认证状态：</span>
                      <div class="value_show_authentication">
                        <svg-icon icon-class="已认证" />
                        <div class="value_show_name1">已认证</div>
                      </div>
                    </div>
                    <el-form-item label="认证方式:" prop="authTypeName">
                      <span>手动认证</span>
                    </el-form-item>
                    <el-form-item label="企业全称:" prop="companyName">
                      <span>{{ authenticationData.companyName?authenticationData.companyName: '暂无' }}</span>
                    </el-form-item>
                  </el-form>
                </div>
              </div>
              <!--   认证等待           -->
              <div v-if="goToOutboundAuthentication == '5'" class="authentication_status_fail">
                <div class="authentication_status_succeed_img">
                  <span>企业当前认证状态：</span>
                  <div class="value_show_authentication">
                    <svg-icon icon-class="打款等待" />
                    <div class="value_show_name1">打款等待中</div>
                  </div>
                </div>
                <div class="authentication_status_succeed_txt">打款成功后&nbsp;您将接受到消息提醒&nbsp;请在此回到认证页面输入打款金额完成认证</div>
              </div>
              <div />
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
    <div class="form_button_box">
      <div v-if="isShowBtn == '0'" class="form_button">
        <el-button v-if="editFalg" v-hasPermi="['system:company:edit']" @click.stop="editFalg=!editFalg">编辑</el-button>
        <el-button v-else v-hasPermi="['system:company:edit']" @click.stop="onSubmit">确认保存</el-button>
      </div>
      <!--  未认证时展示的按钮    -->
      <div v-if="(goToOutboundAuthentication == '0' && isShowBtn == '1' && !isAuthType)" class="authentication_status_button">
        <el-button class="authentication_status_bun" @click.stop="outboundAuthentication()">前往认证 <svg-icon icon-class="前往认证" /></el-button>
      </div>
      <!--  对公认证时展示的按钮    -->
      <div v-if="goToOutboundAuthentication == '1' && isShowBtn == '2'" class="authentication_status_button">
        <el-button type="cancel" @click.stop="(goBack('1'))">返回</el-button>
        <el-button @click.stop="startAuthentication('1')">提交信息</el-button>
      </div>
      <!--  法人认证时展示的按钮    -->
      <div v-if="goToOutboundAuthentication == '2' && isShowBtn == '3'" class="authentication_status_button">
        <el-button type="cancel" @click.stop="(goBack('2'))">返回</el-button>
        <el-button @click.stop="startAuthentication('2')">提交信息</el-button>
      </div>
      <div v-if="goToOutboundAuthentication == '6' && isShowBtn == '4'" class="authentication_status_button">
        <el-button v-if="authNumber > 0" @click.stop="startAuthentication('3')">提交验证</el-button>
        <el-button v-else @click.stop="againAuthentication(authenticationData.issts = '3')">再次发起认证</el-button>
      </div>
    </div>
    <el-dialog
      title="返回确认"
      :visible.sync="dialogRevoke"
      width="390px"
    >
      <div class="titleText1">
        <svg-icon icon-class="不足" class="textContent_remak_svg" />
        <span class="textContent_remak">是否确认返回？</span>
      </div>
      <div class="textContent_remak2">如当前有输入信息&nbsp;返回后将被删除。</div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancelRevoke">确认</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import {
  addOrUpdate,
  getInfo,
  sendPhoneCode,
  getAuthenticationInfo,
  getRemitInfo,
  getPricetInfo,
  checkAuthCode
} from '@/api/system/company'
import { mapGetters } from 'vuex'
import axios from 'axios'
import { getToken } from '@/utils/auth'
import waiter from '../../../assets/images/show/极联小管家.jpg'
export default {
  name: 'PersonalAccount',
  props: {
    fatherMethod: {
      type: Function,
      default: null
    }
  },
  data() {
    const reg1 = /(^\d{15})|(^\d{17}(x|X|\d))/
    const operIdCard = (rule, value, callback) => {
      if (value == '') {
        callback('法人身份证号不能为空')
      } else if (!reg1.test(value)) {
        callback('请输入正确的法人身份证号')
      } else {
        callback()
      }
    }
    const reg = /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
    const operPhone = (rule, value, callback) => {
      if (value == '') {
        callback('法人手机号不能为空')
      } else if (!reg.test(value)) {
        callback('请输入正确的法人手机号')
      } else {
        callback()
      }
    }
    return {
      editFalg: true,
      dialogRevoke: false,
      formData: {
        name: undefined,
        shortName: undefined,
        homepage: undefined,
        address: undefined,
        email: undefined,
        phone: undefined,
        fax: undefined,
        bank: undefined,
        bankAccount: undefined,
        tax: undefined,
        logo: undefined,
        logoUrl: undefined,
        remark: undefined
      },
      authenticationData: {
        authStatus: undefined, // 认证状态
        companyName: undefined, // 企业全称
        operName: undefined, // 法人姓名
        operIdCard: undefined, // 法人身份证号
        operPhone: undefined, // 法人手机号
        code: undefined, // 验证码
        authTypeName: undefined, // 认证方式
        accountName: undefined, // 开户名称
        bankName: undefined, // 开户银行
        bankIdCard: undefined // 对公银行账号
      },
      rules: {
        name: [
          { required: true, message: '公司名称不能为空', trigger: 'change' }
        ],
        companyName: [
          { required: true, message: '企业全称不能为空', trigger: 'change' }
        ],
        operName: [
          { required: true, message: '法人姓名不能为空', trigger: 'change' }
        ],
        operIdCard: [
          { required: true, validator: operIdCard, trigger: 'change' }
        ],
        operPhone: [
          { required: true, validator: operPhone, trigger: 'change' }
        ],
        code: [
          { required: true, message: '短信验证码不能为空', trigger: 'change' }
        ],
        accountName: [
          { required: true, message: '开户名称不能为空', trigger: 'change' }
        ],
        bankName: [
          { required: true, message: '开户银行不能为空', trigger: 'change' }
        ],
        bankIdCard: [
          { required: true, message: '企业对公卡号不能为空', trigger: 'change' }
        ]
      },
      codeStatus: true,
      deptOptions: [],
      msg: '',
      isEdit: true,
      activeName: 'first',
      isAdmin: false,
      edit1: false,
      edit2: false,
      isAuthType1: false,
      isAuthType2: false,
      isAuthType: false,
      authType: '1', // 认证方式
      isShowBtn: '0', // 按钮状态
      isShowBtn1: '',
      goToOutboundAuthentication: '0', // 认证状态
      leftSecond: 0, // 验证码倒计时
      saveStatus: '0', // 保存认证的状态
      isReturn: '', // 存储点击返回时的状态
      stateClose: '', // 状态关闭
      useCount: '', // 对法人认证次数
      authNumber: '', // 对公认证次数
      failure: '0',
      waiter: waiter
    }
  },
  computed: {
    ...mapGetters([
      'userId', 'userName', 'companyId'
    ])
  },
  watch: {
    // 监听tab切换的状态
    'activeName'(val) {
      // 记录认证状态
      this.saveStatus = JSON.parse(JSON.stringify(this.goToOutboundAuthentication))
      if (val == 'authentication') {
        // 切换到认证页面 把原来的认证状态放进去显示
        this.goToOutboundAuthentication = this.saveStatus
        // 控制按钮显示
        if (this.goToOutboundAuthentication == '0') {
          this.isShowBtn = '1'
        } else if (this.goToOutboundAuthentication == '1') {
          this.isShowBtn = '2'
        } else if (this.goToOutboundAuthentication == '2') {
          this.isShowBtn = '3'
        } else if (this.goToOutboundAuthentication == '6') {
          this.isShowBtn = '4'
        } else {
          this.isShowBtn = ''
        }
        // 切换前先保存认证的状态
      } else {
        // 控制不同按钮的显示
        this.isShowBtn = '0'
      }
    }
  },
  mounted() {
    this.codeStatus = this.$store.state.user.codeStatus
    this.getById()
  },
  methods: {
    // 前往认证
    outboundAuthentication() {
      this.authenticationData = {}
      // 表示选择法人认证
      if (this.authType == '1') {
        // 前往法人认证页面
        this.goToOutboundAuthentication = '1'
        this.isShowBtn = '2'
      } else {
        // 前往对公验证页面
        this.goToOutboundAuthentication = '2'
        this.isShowBtn = '3'
      }
    },
    // 认证的时候点击返回
    goBack(num) {
      // 跳确认弹窗
      if (num == '1') {
        if (this.authenticationData.companyName == null && this.authenticationData.operName == null && this.authenticationData.operIdCard == null && this.authenticationData.operPhone == null && this.authenticationData.code == null) {
          // 返回到选择认证方式页面
          this.goToOutboundAuthentication = '0'
          this.isShowBtn = '1'
        } else {
          this.dialogRevoke = true
        }
      } else {
        if (this.authenticationData.accountName == null && this.authenticationData.bankName == null && this.authenticationData.bankIdCard == null) {
          this.goToOutboundAuthentication = '0'
          this.isShowBtn = '1'
        } else {
          this.dialogRevoke = true
        }
      }
    },
    // 返回弹窗点击确认
    cancelRevoke() {
      // 关闭弹窗
      this.dialogRevoke = false
      // 返回到选择认证方式页面
      this.goToOutboundAuthentication = '0'
      this.isShowBtn = '1'
      this.authenticationData.companyName == ''
      this.authenticationData.operName == ''
      this.authenticationData.operIdCard == ''
      this.authenticationData.operPhone == ''
      this.authenticationData.code == ''
      this.authenticationData.accountName == ''
      this.authenticationData.bankName == ''
      this.authenticationData.bankIdCard == ''
    },
    // 获取验证码
    sendVerify() {
      // 验证码等待时间不为0 不能继续执行
      if (this.leftSecond !== 0) {
        return
      }
      // 发送验证码之前先获取手机号是否填写
      if (!this.authenticationData.operPhone) {
        this.$message({
          message: '请输入手机号',
          type: 'warning'
        })
        return
      }
      // 校验手机号格式
      const reg = /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
      if (!reg.test(this.authenticationData.operPhone)) {
        this.$message({
          message: '请输入正确的手机号',
          type: 'warning'
        })
        return
      }
      // 发送验证码接口
      sendPhoneCode({ phone: this.authenticationData.operPhone }).then(res => {
        if (res) {
          // 发送之后开启定时器
          this.startTimer()
        }
      })
    },
    // 开始定时器
    startTimer() {
      //  赋值60秒等待时间
      this.leftSecond = 60
      this.timer = setInterval(() => {
        // 每秒-1
        this.leftSecond--
        if (this.leftSecond == 0) {
          this.stopTimer()
        }
      }, 1000)
    },
    stopTimer() { // 关闭定时器
      // 60s倒计时结束 关闭定时器
      if (this.timer) {
        clearInterval(this.timer)
      }
    },
    startAuthentication(sts) { // 开始认证
      this.$refs['form'].validate(valid => {
        if (valid) {
          this.authenticationData.authType = this.authType
          this.authenticationData.companyId = this.companyId
          if (sts == '1') { // 对法人认证
            checkAuthCode({
              operPhone: this.authenticationData.operPhone,
              code: this.authenticationData.code
            }).then(res => {
              getAuthenticationInfo(this.authenticationData).then(res => {
                if (res.code == 200) {
                  if (res.data.authCode == 200) {
                    this.goToOutboundAuthentication = '3'
                    if (this.fatherMethod) {
                      this.fatherMethod()
                    }
                  } else if (res.data.authCode == 401) {
                    if (res.data.useCount == 0 && res.data.authNumber == 0) {
                      this.isAuthType = true
                      this.goToOutboundAuthentication = '0'
                    }
                    if (res.data.useCount == '0') {
                      this.isShowBtn = '1'
                      this.useCount = res.data.useCount // 对法人余验证次数
                      this.authType = '2'
                      this.isAuthType1 = true
                      this.authenticationData.issts = '1' // 表示对人
                      this.goToOutboundAuthentication = '0'
                      this.msg = res.data.msg
                    } else {
                      this.authenticationData = {}
                      this.authenticationData.issts = '1' // 表示对人
                      this.failure = '1' // 表示认证失败
                      this.useCount = res.data.useCount // 对法人余验证次数
                      this.goToOutboundAuthentication = '0'
                      this.isShowBtn = '1'
                      this.msg = res.data.msg
                    }
                  } else if (res.data.authCode == 4002) {
                    this.useCount = res.data.useCount // 对法人余验证次数
                    this.$message({
                      message: res.data.msg,
                      type: 'error'
                    })
                    return
                  }
                }
              })
            })
            // axios.post('/common/sys/company/auth', this.authenticationData, config).then(res => {
            //   switch (res.data.data.authCode) {
            //     case 200:
            //       this.goToOutboundAuthentication = '3'
            //       if (this.fatherMethod) {
            //         this.fatherMethod()
            //       }
            //       break
            //   }
            //   switch (res.data.data.authCode) {
            //     case 401:
            //       if (res.data.data.useCount == '0') {
            //         this.isShowBtn = '1'
            //         this.useCount = res.data.data.useCount // 对法人余验证次数
            //         this.authType = '2'
            //         this.isAuthType1 = true
            //         this.authenticationData.issts = '1' // 表示对人
            //         this.goToOutboundAuthentication = '0'
            //         this.msg = res.data.data.msg
            //       } else {
            //         this.authenticationData = {}
            //         this.authenticationData.issts = '1' // 表示对人
            //         this.failure = '1' // 表示认证失败
            //         this.useCount = res.data.data.useCount // 对法人余验证次数
            //         this.goToOutboundAuthentication = '0'
            //         this.isShowBtn = '1'
            //         this.msg = res.data.data.msg
            //       }
            //       break
            //     case 4002:
            //     default:
            //       this.$message({
            //         message: res.data.data.msg,
            //         type: 'error'
            //       })
            //       break
            //   }
            // })
          } else if (sts == '2') { // 对公认证
            getRemitInfo(this.authenticationData).then(res => {
              if (res.code == 200) {
                if (res.data.authCode == 200) {
                  this.goToOutboundAuthentication = '5'
                  if (this.fatherMethod) {
                    this.fatherMethod()
                  }
                } else if (res.data.authCode == 401) {
                  if (res.data.useCount == 0 && res.data.authNumber == 0) {
                    this.isAuthType = true
                    this.goToOutboundAuthentication = '0'
                  }
                  if (res.data.authNumber == '0') {
                    this.authenticationData.issts = '0' // 表示对人
                    this.authNumber = res.data.authNumber //  对公剩余验证次数
                    this.isShowBtn = '1'
                    this.authType = '1'
                    this.isAuthType2 = true
                    this.goToOutboundAuthentication = '0'
                    this.msg = res.data.msg
                  } else {
                    this.authenticationData.issts = '0' // 表示对公
                    this.failure = '2' // 表示认证失败
                    this.authNumber = res.data.authNumber //  对公剩余验证次数
                    this.goToOutboundAuthentication = '0'
                    this.isShowBtn = '1'
                    this.msg = res.data.msg
                  }
                } else if (res.data.authCode == 4002) {
                  this.authNumber = res.data.authNumber //  对公剩余验证次数
                  this.$message({
                    message: res.data.msg,
                    type: 'error'
                  })
                  return
                }
              }
            })
            // axios.post('/common/sys/company/auth/remit', this.authenticationData, config).then(res => {
            //   switch (res.data.data.authCode) {
            //     case 200:
            //       this.goToOutboundAuthentication = '5'
            //       if (this.fatherMethod) {
            //         this.fatherMethod()
            //       }
            //       break
            //   }
            //   switch (res.data.data.authCode) {
            //     case 401:
            //       if (res.data.data.authNumber == '0') {
            //         this.authenticationData.issts = '0' // 表示对人
            //         this.authNumber = res.data.data.authNumber //  对公剩余验证次数
            //         this.isShowBtn = '1'
            //         this.authType = '1'
            //         this.isAuthType2 = true
            //         this.goToOutboundAuthentication = '0'
            //         this.msg = res.data.data.msg
            //       } else {
            //         this.authenticationData.issts = '0' // 表示对公
            //         this.failure = '2' // 表示认证失败
            //         this.authNumber = res.data.data.authNumber //  对公剩余验证次数
            //         this.goToOutboundAuthentication = '0'
            //         this.isShowBtn = '1'
            //         this.msg = res.data.data.msg
            //       }
            //       break
            //     case 4002:
            //     default:
            //       this.$message({
            //         message: res.data.data.msg,
            //         type: 'error'
            //       })
            //       break
            //   }
            // })
          } else if (sts == '3') { // 最后打款认证
            getPricetInfo(this.authenticationData).then(res => {
              if (res.code == 200) {
                if (res.data.authCode == 200) {
                  this.goToOutboundAuthentication = '7'
                  if (this.fatherMethod) {
                    this.fatherMethod()
                  }
                } else if (res.data.authCode == 401) {
                  if (res.data.useCount <= 0 && res.data.authNumber <= 0) {
                    this.goToOutboundAuthentication = '0'
                    this.isAuthType = true
                  } else {
                    this.msg = res.data.msg
                    this.authenticationData.issts = '0' // 表示对公
                    this.authNumber = res.data.authNumber //  对公剩余验证次数
                    this.useCount = res.data.useCount // 对私剩余验证次数
                    this.authenticationData.isFail = '1'
                    this.goToOutboundAuthentication = '6'
                    this.authenticationData.remitPrice = ''
                    this.msg = res.data.msg
                  }
                } else if (res.data.authCode == 4002) {
                  this.authNumber = res.data.authNumber //  对公剩余验证次数
                  this.$message({
                    message: res.data.msg,
                    type: 'error'
                  })
                  return
                }
              }
            })
            // axios.post('/common/sys/company/auth/remit/price', this.authenticationData, config).then(res => {
            //   switch (res.data.data.authCode) {
            //     case 200:
            //       this.goToOutboundAuthentication = '7'
            //       if (this.fatherMethod) {
            //         this.fatherMethod()
            //       }
            //       break
            //   }
            //   switch (res.data.data.authCode) {
            //     case 401:
            //       this.msg = res.data.data.msg
            //       this.authenticationData.issts = '0' // 表示对公
            //       this.authNumber = res.data.data.authNumber //  对公剩余验证次数
            //       this.useCount = res.data.data.useCount // 对私剩余验证次数
            //       this.authenticationData.isFail = '1'
            //       this.goToOutboundAuthentication = '6'
            //       this.authenticationData.remitPrice = ''
            //       this.msg = res.data.data.msg
            //       break
            //     case 4002:
            //     default:
            //       this.$message({
            //         message: res.data.data.msg,
            //         type: 'error'
            //       })
            //       break
            //   }
            // })
          }
        }
      })
    },
    // 认证成功
    getAuthentication() {
      getAuthenticationInfo(this.companyId).then(res => {
        if (res.data.authStatus == '2') { // 表示认证成功
          this.authenticationData = res.data
          this.goToOutboundAuthentication = '3'
        }
      })
    },
    // 再次发起认证
    againAuthentication(issts) {
      if (this.authNumber <= 0 && this.useCount <= 0) {
        this.isAuthType2 = true
        this.isAuthType2 = true
        this.authType = ''
        this.isShowBtn = ''
        this.stateClose = '1'
        this.isAuthType = true
      }
      if (issts == '1') { // 法人再次发起验证
        if (this.authNumber <= 0) {
          this.authenticationData.remitPrice = ''
          this.goToOutboundAuthentication = '0' // 返回选择认证方式页面
          this.authType = '1' // 只能选择法人
          this.isAuthType2 = true // 对公认证灰掉不可选择
        } else {
          this.goToOutboundAuthentication = '0'
        }
      } else if (issts == '2') { // 对公发起验证
        if (this.useCount <= 0) { // 验证10次 就不可以验证了 只能对公
          this.goToOutboundAuthentication = '0' // 返回选择认证方式页面
          this.authType = '2' // 只能选择对公
          this.isAuthType1 = true // 对法人认证灰掉不可选择
        } else { // 验证不满10次
          this.goToOutboundAuthentication = '0'
        }
      } else if (issts == '3') {
        if (this.authNumber <= 0) { // 验证3次 就不可以验证了 只能对法人
          this.goToOutboundAuthentication = '0' // 返回选择认证方式页面
          this.authType = '1' // 只能选择对法人
          this.isShowBtn = '1'
          this.isAuthType2 = true // 对共认证灰掉不可选择
        }
      }
    },
    uploadFile() {
      this.$refs.upload.click()
    },
    handleFileChange(e) {
      const files = e.target.files
      const formData = new FormData()
      let checkFileType = false
      let checkFileSize = true
      for (let i = 0; i < files.length; i++) {
        const file = files[i]
        const suffix = file.name.split('.')[file.name.split('.').length - 1]
        const size = file.size
        switch (suffix.toLowerCase()) {
          case 'jpg':
          case 'png':
          case 'jpeg':
            checkFileType = true
            break
          default:
        }
        if (size > 100 * 1024 * 1024) {
          checkFileSize = false
        }
      }
      if (!checkFileType || !checkFileSize) {
        if (!checkFileType) {
          this.$message({
            message: '上传的文件包含不支持的文件类型',
            type: 'warning'
          })
          return
        }
        if (!checkFileSize) {
          this.$message({
            message: '单个文件不得大于100MB',
            type: 'warning'
          })
          return
        }
      }
      // formData重复的往一个值添加数据并不会被覆盖掉，可以全部接收到，可以通过formData.getAll('files')来查看所有插入的数据
      for (let i = 0; i < files.length; i++) {
        formData.append('files', files[i], files[i].name)
      }
      const config = {
        headers: {
          'Content-Type': 'multipart/form-data',
          Authorization: getToken()
        }
      }
      axios.post('/common/resource/uploads', formData, config).then(res => {
        switch (res.data.code) {
          case 200:
            this.formData.logo = res.data.fileNames
            this.formData.logoUrl = res.data.urls
            break
          default:
            this.$message({
              message: res.data.msg,
              type: 'error'
            })
        }
        this.$refs.upload.value = ''
      })
    },
    // 详情
    getById() {
      getInfo(this.companyId).then(res => {
        this.isAdmin = res.isAdmin
        Object.keys(this.formData).forEach(key => { // 给右边数据赋值
          this.formData[key] = res.data[key]
        })
        this.authenticationData = res.data
        this.useCount = res.useCount
        this.authNumber = res.authNumber
        this.msg = res.msg
        if (res.useCount <= 0 && res.authNumber <= 0) {
          this.isAuthType = true
          this.isAuthType1 = true
          this.isAuthType2 = true
          this.stateClose = '1'
          this.authType = '4'
        } else {
          // 如果获取到选择了法人认证并且认证失败次数大于10
          if (res.useCount <= 0) {
            // 只能选择对公认证
            this.authType = '2'
            // 法人认证不可被选择
            this.isAuthType1 = true
          } else if (res.authNumber <= 0) {
            // 只能选择对法人认证
            this.authType = '1'
            // 对公认证不可被选择
            this.isAuthType2 = true
          }
        }
        if (res.data.authStatus == '1' && !res.data.authType) { // 未认证
          this.goToOutboundAuthentication = '0' // 状态未认证显示选择认证状态页面
        } else if (res.data.authStatus == '2' && res.data.authType == '1') { // 已认证
          this.goToOutboundAuthentication = '3'// 已认证的显示认证成功信息
        } else if (res.data.authStatus == '3' && res.data.authType == '2') { //  表示对公认证审核不通过
          if (res.authNumber <= 0) {
            // 只能选择对法人认证
            this.authType = '1'
            // 对公认证不可被选择
            this.isAuthType2 = true
            this.goToOutboundAuthentication = '0'// 认证选择页面
          } else {
            this.goToOutboundAuthentication = '0'
            this.failure = '2'
            this.authType = '2'
          }
        } else if (res.data.authStatus == '3' && res.data.authType == '1') { // 表示对法人认证失败
          if (res.useCount <= 0) { // 对公认证次数小于0
            // 只能选择对公认证
            this.authType = '2'
            // 对法人认证不可被选择
            this.isAuthType1 = true
            this.goToOutboundAuthentication = '0'// 认证失败页面
          } else {
            this.goToOutboundAuthentication = '0'
            this.failure = '1'
            this.authType = '1'
          }
        } else if (res.data.authStatus == '1' && res.data.payStatus == '0') { // 审核中
          this.goToOutboundAuthentication = '5'// 等待打款页面
        } else if (res.data.authStatus == '1' && res.data.payStatus == '1') { // 认证通过进入金额审核
          if (this.authNumber == '0') {
            // 只能选择对法人认证
            this.authType = '1'
            // 对公认证不可被选择
            this.isAuthType2 = true
            this.goToOutboundAuthentication = '0'
          } else {
            this.goToOutboundAuthentication = '6'// 金额审核页面
            this.isShowBtn = '4'
          }
          if (this.authNumber < 3) {
            this.authenticationData.isFail = '1'
          }
        } else if (res.data.authType == '2' && res.data.payStatus == '1') { // 打款成功并且已认证
          this.goToOutboundAuthentication = '7'
          this.authenticationData = res.data// 获取认证信息
        } else if (res.data.authStatus == '2' && res.data.authType == '3') {
          this.goToOutboundAuthentication = '8'
          this.authenticationData = res.data// 获取认证信息
        }
      })
    },
    onSubmit() {
      if (this.formData.name) {
        this.formData.id = this.companyId
        addOrUpdate(this.formData).then(res => {
          this.$store.commit('user/SET_LOGO', this.formData.logoUrl)
          this.$store.state.user.companyName = this.formData.name
          this.$message({
            message: res.msg,
            type: 'success'
          })
        })
        this.editFalg = true
      }
    }
  }
}
</script>

<style lang="less" scoped>
/deep/.authentication_status {
  .el-tabs__content{
    height: calc(100% - 100px);
    overflow-y: auto !important;
  }
}
.status2_color {
  color: #FF0000;
  padding-top: 20px;
}
.remitPrice {
  /deep/ .el-input__inner::-webkit-input-placeholder{
    color: rgb(238,82,81);
  }
}
.authentication_status_succeed_form_text {
  font-size: 14px;
  color: #FF0000;
}
.verification {
  margin-left: 40px
}
/deep/.el-dialog{
  height: 190px !important;
  margin-top: 40vh !important;
  border-radius: 8px;
  text-align: left;
  .el-dialog__body{
    height: 72px !important;
    padding: 0 0 25px 0 !important;
    border-bottom: 1px solid rgba(242,242,242);
  }
}
/deep/ .el-dialog__footer {
   padding-top: 10px !important;
}
.titleText1{
  margin: 10px 0 0  40px;
  color:#000000;
  font-size:18px;
  height: 26px;
}
.textContent_remak2 {
  margin: 5px 0 0  63px;
}
// 认证信息
.authentication_status {
  width: 100%;
  // 企业未认证时样式 认证状态
  .authentication_status_info {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #333333;
    .scan_QR_codes {
      flex: 1;
      text-align: right;
      padding-right: 23px;
      display: flex;
      justify-content: end;
      .scan_QR_img {
        width: 85px;
        height: 93px;
        background: #FFFFFF;
        border-radius: 10px;
        text-align: center;
        font-size: 10px;
        box-shadow: 0px 0px 5px  #ccc;
        img {
          margin-top: 10px;
         width: 65px;
          height: 60px;
        }
      }
    }
    .value_show_authentication {
      font-size: 14px;
      color: #333333;
      .svg-icon {
        width: 146px;
        height: 93px;
        margin-left: 233px;
      }
      .value_show_name {
        margin-left: 285px;
        margin-top: 11px;
      }
      .value_show_name1 {
        margin-left: 233px;
        margin-top: 11px;
      }
    }
  }
  // 选择方式
  .authentication_status_select {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-top: 55px;
    font-size: 14px;
    .authentication_status_select_text {
      margin-left: 49px !important;
      /deep/ .el-radio__label {
        font-size: 14px;
        color: #333333;
      }
      /deep/ .el-radio__inner {
        width: 20px !important;
        height: 20px !important;
      }
      /deep/ .el-radio__inner::after{
        width: 10px;
        height: 10px;
      }
    }
    .authentication_status_select_span_text {
      color: #FF0000;
      margin-left: 30px;
    }
  }
  // 认证说明
  .authentication_status_explain {
    width: 100%;
    padding-left: 166px;
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
    div:nth-of-type(1) {
      margin-top: 0px
    }
    div {
      margin-top: 5px;
    }
  }
  .authentication_status_explain_color {
    color: #FF0000
  }
}
.status1 {
  padding-left: 150px !important;
  margin-top: 0px !important;
  .status1_color {
    color: #FF0000;
    padding-top: 20px;
  }
}
// 法人认证
.authentication_status_legal {
  width: 100%;
  .authentication_status_legal_form {
    width: 100%;
    padding-left: 20px;
    margin-top: 10px;
    .authentication_status_legal_form_txt {
      margin-bottom: 30px;
      font-size: 14px;
    }
    /deep/ .el-form-item {
      margin-right: 0px !important;
      margin-left: 0px !important;
    }
    /deep/ .el-form-item__content {
      width: 260px;
      height: 30px;
    }
    .login_container_right_main_input2 {
      display: flex;
      span {
        margin-left: 30px;
      }
      .login_container_right_main_input2_box {
        display: flex;
        justify-content: space-between;
        height: 30px;
        /deep/ .el-input__inner {
          border-radius: 4px 0 0 4px !important;
        }
        /deep/ .el-input {
          width: 190px !important;
        }
      }
    }
  }
}
// 认证成功
.authentication_status_succeed {
  width: 100%;
  .authentication_status_succeed_form {
    font-size: 14px;
  }
  .authentication_status_succeed_img {
    display: flex;
    width: 100%;
    padding-left: 10px;
    padding-bottom:24px ;
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    .value_show_authentication {
        text-align: center;
        padding-left: 233px;
      .svg-icon {
        width: 140px !important;
        height: 93px !important;
      }
    }
    .value_show_name3 {
      padding-left: 20px;
    }
    .el-icon-circle-check {
      font-size: 40px;
      color: rgb(80,206,95);
      padding-right: 15px;
    }
    .el-icon-circle-close {
      font-size: 40px;
      color: rgb(201,30,3);
      padding-right: 15px;
    }
  }
  /deep/.el-form-item__label{
    width: 140px !important;
    font-size: 14px !important;
    height: 35px !important;
  }
  /deep/ .el-form-item__content {
    font-size: 14px !important;
  }
  /deep/ .el-input {
    width: 200px;
  }
  /deep/ .el-form-item {
    margin-left: 0px !important;
  }
}
// 认证等待
.authentication_status_fail {
  width: 100%;
  .authentication_status_succeed_img {
    display: flex;
    width: 100%;
    padding-left: 10px;
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    text-align: center;
    .value_show_authentication {
      font-size: 14px;
      color: #333333;
      .svg-icon {
        width: 146px;
        height: 93px;
        margin-left: 233px;
      }
      .value_show_name {
        margin-left: 285px;
        margin-top: 11px;
      }
      .value_show_name1 {
        margin-left: 233px;
        margin-top: 11px;
      }
    }
  }
  .authentication_status_succeed_txt {
    padding-left: 209px;
    padding-top: 40px;
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #FF0000;
  }
}
.login_container_right_main_input2_getCode {
  width: 110px;
  height: 30px;
  border-radius: 0 4px 4px 0;
  border: 0px solid #dcdfe6;
  border-left: none;
  text-align: center;
  font-size: 14px;
  background: #387BFC;
  color: #FFFFFF !important;
}
//.canClick{
//  width: 110px;
//  text-align: center;
//  color: rgba(57, 125, 255, 1);
//  border: 1px solid #dcdfe6;
//  border-left: none;
//  height: 30px;
//  border-radius: 0 4px 4px 0;
//}
/deep/.el-icon-plus{
  font-size: 16px;
}
.textTitle{
  font-family: Alibaba PuHuiTi 2.0;
  font-size: 18px;
  font-weight: 550;
  line-height: normal;
  letter-spacing: 0em;
  font-feature-settings: "kern" on;
  color: #333333;
}
.uploadInmageText{
  margin-left: 20px;
}
/deep/.el-tab-pane{
  width: 100%;
  padding-top: 20px;
}
/deep/.el-tabs__nav-scroll{
  margin-top: 20px;
}
.main_main{
  margin: 0;
  padding-top: 0 !important;
  height: calc(100% - 50px) !important;
    .info{
      height: calc(100% - 50px);
        padding:0 10px;
      /deep/ .el-tabs{
        height: 100%;
        .el-tabs__content{
          height: calc(100% - 100px);
           overflow-y: auto;
        }
      }
    }
    .form_button{
         display: flex;align-items: center;
        margin-left: 30px;
      height: 50px;
    }
    /deep/ .el-form{
       flex: 1;
       height: 100%;
          //overflow-y: auto;

    }
    /deep/ .el-form-item__content{
        margin-left: 10px !important;
    }
    /deep/.el-form-item{
      width:85%
    }
}
  .dataUpload_upload {
    height: 500px;
    width: 240px;
    line-height: 30px;
    margin-right: 10px;
    .dataUpload_upload_add {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #d9f2f7;
      background: #eef9fb;
      border-radius: 4px;
      height: 240px;
      width: 240px;
      font-size: 16px;
    }
  }
  .dataUpload_upload_add1{
      max-height: 240px;
      width: 240px;
      font-size: 12px;
      border: none;
      background: none;
  }
  .logo1{
    width: 15%;
    padding-left: 3%;
    font-size: 16px;
    color: #666;
  }
  .logo{
  display: flex;
      color: #4b95f3;

  img{
    max-width: 240px;
    max-height: 240px;
    //background-color: #606266;
  }
  .logo_tip{
    margin-left: 20px;
    color: #999999;
  }
}
.logoView{
      color: #ccc;
  pointer-events: none;
    display: flex;
  img{
    max-width: 240px;
    max-height: 240px;
    //background-color: #606266;
  }
  .logo_tip{
    margin-left: 20px;
    color: #999999;
  }
}
 /deep/ .el-tabs__item.is-active{
    font-size: 16px !important;
  }
  .logoText{
    width: 234px;
        color: #666;
    margin-top: 10px;
  }
  .logoImage{
    width: 25%;
    min-width: 234px;
    // padding-right:2% ;
  }
  .form_button_box{
    width: 100%;
    border-top: 1px solid rgba(29,65,134,.18);
    display: flex;
    .authentication_status_button {
      width: 100%;
      height: 70px;
      display: flex;
      align-items: center;
      margin-right: 20px;
      justify-content: flex-end;
      .authentication_status_bun {
        width: 106px;
        height: 30px;
        .svg-icon {
          margin-left: 6px;
        }
      }
    }
  }
.authentication_status_button_blue {
  background: red !important;
}
</style>
